<head th:fragment="header(title, link, style)">
    <th:block th:if="${title == null}">
        <title>Piece统一登录平台</title>
    </th:block>
    <th:block th:if="${title != null}">
        <title th:replace="${title}">title</title>
    </th:block>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="keywords" content="Piece,统一登录平台">
    <meta name="description" content="Piece统一登录平台" />
    <meta name="author" content="Piece" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <script th:inline="javascript">ctx = [[${ctx}]];</script>
    <!-- Icons -->
    <link rel="apple-touch-icon" type="text/html" sizes="76x76" th:href="${ctx}+'image/apple-icon.png'"/>
    <link rel="shortcut icon" type="text/html" sizes="96x96" th:href="${ctx}+'image/favicon.png'"/>
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/>
    <![endif]-->

    <link th:href="${ctx}+'lib/bootstrap/bootstrap.min.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'lib/font-awesome/css/font-awesome.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'lib/bootstrap-tagsinput/bootstrap-tagsinput.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'lib/bootstrap-table/bootstrap-table.min.css?v=1.18.3'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'lib/bootstrap-table/extensions/columns/bootstrap-table-fixed-columns.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'lib/iCheck/skins/all.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'lib/bootstrap-select/bootstrap-select.min.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'lib/bootstrap-validator/bootstrapValidator.min.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'lib/select/select2.min.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'lib/layui/css/layui.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'lib/toastr/toastr.min.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'css/animate.min.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'css/style.min.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'css/skins.min.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'css/custom.css?v=1.0.0'" rel="stylesheet" type="text/css"/>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 11]>
    <script th:src="${ctx}+'lib/es-checker.js'" type="text/javascript"></script>
    <script th:inline="javascript">var supportES6 = Supports.symbol;</script>
    <script th:src="${ctx}+'lib/polyfill.min.js'"></script>
    <script th:src="${ctx}+'lib/babel.min.js'"></script>
    <script th:src="${ctx}+'lib/html5shiv.min.js'"></script>
    <script th:src="${ctx}+'lib/respond.min.js'"></script>
    <![endif]-->

    <style th:if="${style == null}">
        html { overflow-x:hidden; }
    </style>

    <th:block th:if="${link != null}">
        <th:block th:replace="${link}"></th:block>
    </th:block>

    <th:block th:if="${style != null}">
        <th:block th:replace="${style}"></th:block>
    </th:block>
</head>

<th:block th:fragment="footer">
    <!-- Bottom Scripts -->
    <script th:inline="javascript">var language = [[${Language}]];</script>
    <script th:src="${ctx}+'lib/jquery/jquery.min.js?v=2.1.4'" type="text/javascript"></script>
    <script th:src="${ctx}+'lib/jquery/jquery.serializejson.js?v=2.8.1'" type="text/javascript"></script>
    <script th:src="${ctx}+'lib/bootstrap/bootstrap.min.js?v=3.3.5'" type="text/javascript"></script>
    <script th:src="${ctx}+'lib/bootstrap-tagsinput/bootstrap-tagsinput.js'"></script>
    <script th:src="${ctx}+'lib/slimscroll/jquery.slimscroll.min.js'"></script>
    <!-- bootstrap-table 表格插件 -->
    <script th:src="${ctx}+'lib/bootstrap-table/bootstrap-table.min.js?v=1.18.3'"></script>
    <script th:if="${Language == 'zh-CN'}" th:src="${ctx}+'lib/bootstrap-table/locale/bootstrap-table-zh-CN.min.js'"></script>
    <script th:if="${Language == 'en-US'}" th:src="${ctx}+'lib/bootstrap-table/locale/bootstrap-table-en-US.min.js'"></script>
    <script th:src="${ctx}+'lib/bootstrap-table/extensions/mobile/bootstrap-table-mobile.js?v=1.18.3'"></script>
    <script th:src="${ctx}+'lib/bootstrap-table/extensions/columns/bootstrap-table-fixed-columns.js'"></script>
    <!-- treetable 表单树插件 -->
    <script th:src="${ctx}+'lib/bootstrap-treetable/bootstrap-treetable.js'"></script>
    <!-- bootstrap-validator插件 -->
    <script th:src="${ctx}+'lib/bootstrap-validator/bootstrapValidator.min.js'"></script>
    <script th:if="${Language == 'zh-CN'}" th:src="${ctx}+'lib/bootstrap-validator/language/zh_CN.js'"></script>
    <script th:if="${Language == 'en-US'}" th:src="${ctx}+'lib/bootstrap-validator/language/en_US.js'"></script>
    <!-- select下拉框插件 -->
    <script th:src="${ctx}+'lib/select/select2.min.js'"></script>
    <script th:if="${Language == 'zh-CN'}" th:src="${ctx}+'lib/select/i18n/zh-CN.js'"></script>
    <script th:if="${Language == 'en-US'}" th:src="${ctx}+'lib/select/i18n/en.js'"></script>
    <!-- bootstrap-select插件 -->
    <script th:src="${ctx}+'lib/bootstrap-select/bootstrap-select.min.js'"></script>
    <!-- layui插件 -->
    <script th:src="${ctx}+'lib/layui/layui.all.js?v=2.4.5'"></script>
    <!-- icheck插件 -->
    <script th:src="${ctx}+'lib/iCheck/icheck.min.js'"></script>
    <!-- toastr插件 -->
    <script th:src="${ctx}+'lib/toastr/toastr.min.js'" type="text/javascript"></script>
    <script th:src="${ctx}+'lib/bootstrap/bootstrap-hover-dropdown.js'" type="text/javascript"></script>

    <script th:src="${ctx}+'lib/jquery/moment.min.js'"></script>
    <script th:src="${ctx}+'js/pub.js?v=1.0.0'"></script>
    <script th:src="${ctx}+'js/api.js?v=1.0.0'"></script>
</th:block>

<!-- ztree树插件 -->
<th:block th:fragment="ztreeJs">
    <script th:src="${ctx}+'lib/jquery-ztree/3.5/js/jquery.ztree.all-3.5.js'"></script>
</th:block>

<!-- jquery-layout插件 -->
<th:block th:fragment="jqueryLayoutJs">
    <script th:src="${ctx}+'lib/jquery-layout/jquery.layout-latest.js'"></script>
</th:block>

<!-- bootstrap-validator插件 -->
<th:block th:fragment="validatorJs">
    <script th:src="${ctx}+'lib/bootstrap-validator/bootstrapValidator.min.js'"></script>
    <script th:if="${Language == 'zh-CN'}" th:src="${ctx}+'lib/bootstrap-validator/language/zh_CN.js'"></script>
    <script th:if="${Language == 'en-US'}" th:src="${ctx}+'lib/bootstrap-validator/language/en_US.js'"></script>
</th:block>

<!-- bootstrap-hover-dropdown插件 -->
<th:block th:fragment="hoverJs">
    <script th:src="${ctx}+'lib/bootstrap/bootstrap-hover-dropdown.js'"></script>
</th:block>

<!-- cropbox插件 -->
<th:block th:fragment="cropperJs">
    <script th:src="${ctx}+'lib/cropbox/cropper.min.js'"></script>
</th:block>

<!-- bootstrap-suggest插件 -->
<th:block th:fragment="suggestJs">
    <script th:src="${ctx}+'lib/bootstrap-suggest/bootstrap-suggest.js'"></script>
</th:block>

<!-- bootstrap-typeahead插件 -->
<th:block th:fragment="typeaheadJs">
    <script th:src="${ctx}+'lib/bootstrap-typehead/bootstrap3-typeahead.js'"></script>
</th:block>

<!-- bootstrap-datapicker插件 -->
<th:block th:fragment="datetimepickerJs">
    <script th:src="${ctx}+'lib/bootstrap-datepicker/bootstrap-datetimepicker.js'"></script>
</th:block>

<th:block th:fragment="datetimepickerCss">
    <link th:href="${ctx}+'lib/bootstrap-datepicker/bootstrap-datetimepicker.min.css'" rel="stylesheet"/>
</th:block>

<!-- 表格行内编辑插件 -->
<th:block th:fragment="bootstrap-editable-css">
    <link th:href="${ctx}+'lib/bootstrap-table/extensions/editable/bootstrap-editable.css?v=1.5.1'" rel="stylesheet"/>
</th:block>
<th:block th:fragment="bootstrap-table-editable-js">
    <script th:src="${ctx}+'lib/bootstrap-table/extensions/editable/bootstrap-editable.min.js?v=1.5.1'"></script>
    <script th:src="${ctx}+'lib/bootstrap-table/extensions/editable/bootstrap-table-editable.js?v=1.18.3'"></script>
</th:block>

<!-- jquery-export 表格导出插件 -->
<th:block th:fragment="bootstrap-table-export-js">
    <script th:src="${ctx}+'lib/bootstrap-table/extensions/export/bootstrap-table-export.js'"></script>
    <script th:src="${ctx}+'lib/bootstrap-table/extensions/export/tableExport.min.js'"></script>
</th:block>

<!-- 表格行拖拽插件 -->
<!-- bootstrap-reorder插件 -->
<th:block th:fragment="bootstrap-table-reorder-rows-js">
    <script th:src="${ctx}+'lib/bootstrap-table/extensions/reorder-rows/bootstrap-table-reorder-rows.js?v=1.18.3'"></script>
    <script th:src="${ctx}+'lib/bootstrap-table/extensions/reorder-rows/jquery.tablednd.js?v=1.0.3'"></script>
</th:block>

<!-- bootstrap-reorder插件 -->
<th:block th:fragment="bootstrap-table-reorder-columns-js">
    <script th:src="${ctx}+'lib/bootstrap-table/extensions/reorder-columns/bootstrap-table-reorder-columns.js?v=1.18.3'"></script>
    <script th:src="${ctx}+'lib/bootstrap-table/extensions/reorder-columns/jquery.dragtable.js?v=5.3.5'"></script>
</th:block>

<!-- paginator插件 -->
<th:block th:fragment="paginatorJs">
    <script th:src="${ctx}+'lib/bootstrap/bootstrap-paginator.js'"></script>
</th:block>

<!-- bootstrap-duallistbox插件 -->
<th:block th:fragment="duallistboxJs">
    <script th:src="${ctx}+'lib/bootstrap-duallistbox/bootstrap-duallistbox.min.js'"></script>
</th:block>

<!-- bootstrap-jasny插件 -->
<th:block th:fragment="jasnyJs">
    <script th:src="${ctx}+'lib/bootstrap-jasny/bootstrap-jasny.min.js'"></script>
</th:block>

<!-- jquery-ui插件 -->
<th:block th:fragment="jqueryuiJs">
    <script th:src="${ctx}+'lib/jquery/jquery-ui-1.10.4.min.js'"></script>
</th:block>

<!-- beautifyhtml插件 -->
<th:block th:fragment="beautifyhtmlJs">
    <script th:src="${ctx}+'lib/beautifyhtml/beautifyhtml.js'"></script>
</th:block>

<!-- bootstrap-fileinput插件 -->
<th:block th:fragment="fileinputJs">
    <script th:src="${ctx}+'lib/bootstrap-fileinput/piexif.min.js'"></script>
    <script th:src="${ctx}+'lib/bootstrap-fileinput/fileinput.min.js'"></script>
</th:block>

<!-- bootstrap-maxlength插件 -->
<th:block th:fragment="bootstrapMaxlengthJs">
    <script th:src="${ctx}+'lib/bootstrap/bootstrap-maxlength.js'"></script>
</th:block>

<!-- clipboard插件 -->
<th:block th:fragment="clipboardJs">
    <script th:src="${ctx}+'lib/clipboard.min.js'" type="text/javascript"></script>
</th:block>

<!-- steps插件 -->
<th:block th:fragment="stepsJs">
    <script th:src="${ctx}+'lib/steps/jquery.steps.min.js'"></script>
</th:block>

<!-- echarts插件 -->
<th:block th:fragment="echartsJs">
    <script th:src="${ctx}+'lib/report/echarts/echarts-all.js'"></script>
</th:block>

<!-- peity插件 -->
<th:block th:fragment="peityJs">
    <script th:src="${ctx}+'lib/report/peity/jquery.peity.min.js'"></script>
</th:block>

<!-- sparkline插件 -->
<th:block th:fragment="sparklineJs">
    <script th:src="${ctx}+'lib/report/sparkline/jquery.sparkline.min.js'"></script>
</th:block>

<!-- skycons插件 -->
<th:block th:fragment="skyconsJs">
    <script th:src="${ctx}+'lib/skycons/skycons.js'"></script>
</th:block>

<!-- template插件 -->
<th:block th:fragment="templateJs">
    <script th:src="${ctx}+'lib/bootstrap/template.js'"></script>
</th:block>

<!-- mediaElement插件 -->
<th:block th:fragment="mediaJs">
    <script th:src="${ctx}+'lib/mediaelement/mediaelement-and-player.js'"></script>
    <script th:src="${ctx}+'lib/mediaelement/lang/zh-cn.js'"></script>
</th:block>

<!-- jSignature插件 -->
<th:block th:fragment="jSignatureJs">
    <!--[if lt IE 9]>
    <script th:src="${ctx}+'lib/jSignature/flashcanvas.min.js'"></script>
    <![endif]-->
    <script th:src="${ctx}+'lib/jSignature/modernizr.js'"></script>
    <script th:src="${ctx}+'lib/jSignature/jSignature.min.js'"></script>
    <script th:src="${ctx}+'lib/jSignature/jSignature.min.noconflict.js'"></script>
</th:block>

<!-- baiduMap插件 -->
<th:block th:fragment="baiduMap">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=Ykv5kItIHoOtTfK7VNkY1E0MbHpwq8Xm"></script>
</th:block>

<!-- socket插件 -->
<th:block th:fragment="socketJs">
    <script th:src="${ctx}+'lib/socket/sockjs.min.js'"></script>
    <script th:src="${ctx}+'lib/socket/stomp.min.js'"></script>
</th:block>

<!-- crybto插件 -->
<th:block th:fragment="cryptoJs">
    <script th:src="${ctx}+'lib/crypto/aes.min.js'"></script>
    <script th:src="${ctx}+'lib/crypto/mode-ecb.min.js'"></script>
</th:block>

<!-- tinymce插件 -->
<th:block th:fragment="tinymceJs">
    <script th:src="${ctx}+'lib/tinymce/tinymce.min.js'"></script>
    <script th:src="${ctx}+'lib/tinymce/tinymce-custom.js'"></script>
</th:block>

<!-- uriJs插件 -->
<th:block th:fragment="uriJs">
    <script th:src="${ctx}+'lib/uriJs/URI.min.js'"></script>
    <script th:src="${ctx}+'lib/uriJs/xpath.js'"></script>
</th:block>

<!-- transfer插件 -->
<th:block th:fragment="transfer">
    <script th:src="${ctx}+'lib/transfer.js'"></script>
</th:block>

<!-- xgplayer插件 -->
<th:block th:fragment="xgplayer">
    <script th:src="${ctx}+'lib/xgplayer/xgplayer.js'"></script>
</th:block>

<!-- artDialog插件 -->
<th:block th:fragment="artDialog">
    <script th:src="${ctx}+'lib/artDialog/artDialog.js'"></script>
    <script th:src="${ctx}+'lib/artDialog/plugins/iframeTools.source.js'"></script>
</th:block>
